<template>

    <h3>11.style绑定</h3>
    <!-- 和class绑定类似，也可以绑定一个对象 -->
    <p :style="{color:activecolor, fontSize:fontsize}">style绑定1</p>
    <p :style="StyleObejct">style绑定2</p>
    <!-- 也可绑定数组，但不推荐使用 -->

</template>
<script>

    export default {
        data(){
            return{
                activecolor:"red",
                fontsize:"20px",
                StyleObejct:{
                    color:"red",
                    fontSize:"20px",
                }

            }
        }
    }

</script>